<section class="channel-h5">
    <div class="channel-h5__header">
      <p class="channel-h5__title">本周最火<i class="fire">fire</i></p>
    </div>
    <ul class="list-h5">
      <li v-for="(item,index) in hot" :key="item.id" v-if="index < 5">
        <div class="book-h5">
          <div class="book-h5__cover">
            <img
            :src="item.cover"
            :alt="item.title"
            />
            <p class="book-h5__finish">{{item.finish ? '完结' : ''}}</p>
          </div>
          <div class="book-h5__info">
            <div class="book-h5__title">{{item.title}}</div>
            <div class="book-h5__author">{{item.authors}}</div>
            <div class="book-h5__summary">{{item.summary}}</div>
            <div class="book-h5__tag" v-for="tag in item.tags" :key="tag.id">{{tag}}</div>
          </div>
        </div>
      </li>
    </ul>
  </section>
